<!DOCTYPE HTML PUBLIC "-//W3C//Dtd HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>html 的表格、表单、和列表</title>
</head>
<body>
	<form action="">
		<table border="1">
			<tr>
				<td colspan="7">个人简历</td>
			</tr>
			<tr>
				<td>姓名</td>
				<td><input type="text" name="name"></td>
				<td>性别</td>
				<td>
					<input type="radio" name="sex" id="nan">
					<label for="nan">男</label>
					<input type="radio" name="sex" id="nv">
					<label for="nv">女</la>
				</td>
				<td>生日</td>
				<td><input type="text" name="shengri"></td>
				<td rowspan="4"><input type="file"></td>
			</tr>
			<tr>
				<td>民族</td>
				<td><input type="text"></td>
				<td>政治面貌</td>
				<td><input type="text"></td>
				<td>身高</td>
				<td><input type="text"></td>
			</tr>
			<tr>
				<td>学制</td>
				<td><input type="text"></td>
				<td>学历</td>
				<td><select name="xueli" id="">
					<option value="">xiaoxue</option>
					<option value="">chuzhon</option>
					<option value="" selected="">gaozhon</option>
				</select></td>
				<td>籍贯</td>
				<td><input type="text"></td>
			</tr>
			<tr>
				<td>专业</td>
				<td><input type="text" name="" id=""></td>
				<td colspan="2">毕业校园</td>
				<td colspan="2"><input type="text"></td>
			</tr>
			<tr>
				<td colspan="7">技能,特长，爱好</td>
			</tr>
			<tr>
				<td>外语</td>
				<td colspan="3"><input type="text"></td>
				<td>计算机</td>
				<td colspan="2"><input type="text"></td>
			</tr>
			<tr>
				<td colspan="7">个人履历</td>
			</tr>
			<tr>
				<td>时间</td>
				<td colspan="3">单位</td>
				<td colspan="3">经历</td>
			</tr>
			<tr>
				<td>2014年</td>
				<td colspan="3"><input type="text"></td>
				<td colspan="3"><input type="text"></td>
			</tr>
			<tr>
				<td>2015年</td>
				<td colspan="3"><input type="text"></td>
				<td colspan="3"><input type="text"></td>
			</tr>
			<tr>
				<td>2016年</td>
				<td colspan="3"><input type="text"></td>
				<td colspan="3"><input type="text"></td>
			</tr>
			<tr>
				<td colspan="7">自我评价</td>
			</tr>
			<tr>
				<td colspan="7">
				<textarea name="ziwoqingjia" id="" cols="120" rows="15">
				</textarea>
				</td>
			</tr>
		</table>
	</form>
	<h1>表单和列表的知识点</h1>
	<h2>以下是记得清楚的</h2>
	<ol>
		<li>单行文本 {input type="text"} </li>
		<li>密码 {input type="password"}</li>
		<li>多行文本 {textarea}{/textarea}</li>
		<li>提交表单 {input type="submit"}</li>
		<li>单选表单 {input type="radio"}</li>
		<li>多选表单 {input type="checkbox"}</li>
		<li>上传文件 {input type="file"}</li>
	</ol>
	<h2>以下是记不清楚的</h2>
	<ol>
		<li>隐藏的按钮 {input type="hidden"}</li>
		<li>重置按钮 {input type="reset"}</li>
		<li>无意义按钮 {input type="button"}</li>
		<li>下拉按钮 {select}
		option
		option
		option
		option{/select}</li>
	</ol>
	<h2>其他记得清记不清的细节</h2>
	<ul>
		<li>checked  设置单选和多选默认选项</li>
		<li>value 该选项被选中后提交到服务器的值</li>
		<li>name 用于服务器获取数据</li>
		<li>selected 设置下拉选项的默认选择</li>
		<li>label 触发相关控件  label for=""   /label </li>
	</ul>

	<a href="" target="_blank"></a>
</body>
</html>